<template>
    <div class="lie-box">
        <p>你暂时还没有够没课程哦~</p>
        <button @click="look">去发现好课</button>
    </div>
</template>

<script>
export default {
    name:"Lie",
  data() {
    return {
    
    };
  },
  methods: {
      look(){
          this.$router.push('/Classify')
      }
  },
};
</script>


<style>
.lie-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lie-box p{
    padding-top: 20px;
    font-size: 18px;
    text-align: center;
    color: #a3a3a3;
}
.lie-box button{
    margin-top: 20px;
    width: 1.5rem;
    height: .4rem;
    border-radius: .1rem;
    font-size: 20px;
    text-align: center;
    background-color: white;
}
</style>